<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../plantilla/plantillaGeneral.xhtml">
            <ui:define name="title">
                #{general.admPaginas}
            </ui:define>
            <ui:define name="content">
                <h:form id="frmPagina" >
                    <p:growl id="growl" />
                    <h:panelGrid id="pngTitulo001" columns="1">
                        <h:outputText id="outTitutlo001" value="#{general.administracionPaginas}" styleClass="texto_subtitulo"/>
                    </h:panelGrid>
                    <p:panel id="pnlAdmPagina" header="#{general.admPaginas}">
                        <p:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                            <h:panelGrid id="pngFiltro" columns="8">
                                <h:outputText id="outFiltro" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>
                                <h:selectOneMenu id="slmFiltro" value="#{pagina.filtroBusqueda}" disabled="#{pagina.renderDetalle}">
                                    <f:selectItem id="sliCodigo" itemValue="C" itemLabel="#{general.codigo}"/>
                                    <f:selectItem id="sliNombre" itemValue="N" itemLabel="#{general.nombre}"/>
                                    <p:ajax id="supFiltros" event="change" update="pngFiltrosBusqueda"
                                            actionListener="#{pagina.inicializarFiltros}" />
                                </h:selectOneMenu>
                                <h:panelGroup id="pngFiltrosBusqueda">
                                    <h:inputText id="intCodPagina" value="#{pagina.codigoBusqueda}" title="#{general.codigo}"
                                                 rendered="#{pagina.filtroBusqueda eq 'C'}" disabled="#{pagina.renderDetalle}"
                                                 maxlength="9" >
                                        <f:convertNumber for="intCodPagina" integerOnly="true" />
                                        <p:ajax event="change" update="pngFiltrosBusqueda"/>
                                    </h:inputText>
                                    <h:inputText id="intNumPagina" value="#{pagina.nombreBusqueda}" title="#{general.nombre}"
                                                 rendered="#{pagina.filtroBusqueda eq 'N'}" disabled="#{pagina.renderDetalle}"
                                                 maxlength="100">
                                        <p:ajax event="change" update="pngFiltrosBusqueda"/>
                                    </h:inputText>
                                </h:panelGroup>
                                <p:commandButton id="btnBuscar" value="#{general.buscar}" update="pnlFiltroD,dttPagina,growl"
                                                 actionListener="#{pagina.buscar}" disabled="#{pagina.renderDetalle}"
                                                 immediate="true" />
                            </h:panelGrid>
                        </p:panel>
                        <p:spacer height="10"/>
                        <p:panel id="pnlResultadoB" header="#{general.resultadoBusqueda}">
                            <p:dataTable id="dttPagina" emptyMessage="#{general.noDatos}" value="#{pagina.listaPaginas}"
                                         var="paginas" rows="10" paginator="true" >
                                <f:facet name="header">
                                    <h:outputText value="#{general.paginas}"/>
                                </f:facet>
                                <p:column id="clmCodigo" style="width: 90px">
                                    <f:facet name="header">
                                        <h:outputText value="#{general.codigo}"/>
                                    </f:facet>
<!--                                     <h:outputText id="clmOutCodigo" value="#{paginas.idPagina}"/> -->
                                </p:column>
                                <p:column id="clmNombre" >
                                    <f:facet name="header">
                                        <h:outputText value="#{general.nombre}"/>
                                    </f:facet>
                                    <h:outputText id="clmOutNombre" value="#{paginas.nombre}"/>
                                </p:column>
                                <p:column id="clmUrl" >
                                    <f:facet name="header">
                                        <h:outputText value="#{general.url}"/>
                                    </f:facet>
                                    <h:outputLabel id="clmOutUrl" value="#{paginas.url}"/>
                                </p:column>
                                <p:column id="clmAcciones" style="width: 150px">
                                    <f:facet id="fctClmAcciones" name="header">
                                        <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                                    </f:facet>
                                    <p:commandButton id="btnAccionMod" actionListener="#{pagina.seleccionaRegistro}" value="#{general.modificar}"
                                                     update="frmPagina,pnlPagina" title="#{general.titleBtnModificar}" >
                                        <f:attribute name="paginas" value="#{paginas}"/>
                                    </p:commandButton>
                                    <p:commandButton id="btnAccionEli" actionListener="#{pagina.eliminar}" value="#{general.eliminar}"
                                                     update="frmPagina,pnlPagina" title="#{general.titleBtnEliminar}">
                                        <f:attribute name="paginas" value="#{paginas}"/>
                                    </p:commandButton>

                                </p:column>
                            </p:dataTable>
                        </p:panel>
                        <h:panelGrid columns="1">
                            <p:spacer height="5px"/>
                            <p:commandButton id="btnNuevo" value="#{general.nuevo}" actionListener="#{pagina.nuevo}" update="frmPagina,pnlPagina"
                                             disabled="#{pagina.renderDetalle}" oncomplete="focoComponente('frmPagina:intNombrePagina')"/>
                            <p:spacer height="5px"/>
                        </h:panelGrid>
                        <p:panel id="pnlPagina" header="#{general.pagina}" rendered="#{pagina.renderDetalle}">
                            <p:fieldset >
                                <h:panelGrid columns="2">
                                    <h:outputText id="outNombrePagina" value="#{general.nombre}: " styleClass="texto_negrita_derecha"/>
                                    <h:inputText id="intNombrePagina" value="#{pagina.pagina.nombre}" maxlength="200" size="50" required="true" requiredMessage="#{general.msgNombreRequerido}"/>
                                    <h:outputText id="outUrlPagina" value="#{general.url}: " styleClass="texto_negrita_derecha"/>
                                    <h:inputText id="intCodigoPagina" value="#{pagina.pagina.url}" maxlength="500" size="120"/>

                                </h:panelGrid>
                            </p:fieldset>
                            <h:panelGrid columns="2">
                                <p:commandButton value="#{general.guardar}" actionListener="#{pagina.guardar}" ajax="false"/>
                                <p:commandButton value="#{general.cancelar}" actionListener="#{pagina.cancelar}" ajax="false" immediate="true"/>
                            </h:panelGrid>
                        </p:panel>
                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
